<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>商品一的详情</title>
<link rel="stylesheet" type="text/css" href="../Assets/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="../Assets/css/thems.css">
<link rel="stylesheet" tyoe="text/css" href="../Assets/css/product.css"/>
<script src="../Assets/Script/turnpage.js"></script>
<script src="../Assets/Script/changetitlecolor.js"></script>
</head>

<body>
<!-- 导航栏-->
<div class="header">
    <div class="head clearfix">
		<!-- 图标logo -->
        <div class="logo"><a href=""><img src="../Assets/upload/bar.jpg" alt="BankAndBar"/>Bank And Bar</a></div>		
        <div class="head_r clearfix">
			<div class="search">
                <input name="" type="text">
                <input name="" type="submit" value="">
            </div>
			<!-- 选项 -->
            <div class="nav_m">
            <ul class="nav clearfix">
                <li><a href="../join.html">首页</a></li>
                <li><a class="../active" href="#">关于我们</a></li>
                <li><a href="../news.html">资讯中心</a></li>
                <li><a href="../customer.html">个人中心</a></li>             
            </ul>            
			</div>
        </div>
    </div>
</div>


<div class="product clearfix">
	<!-- 游客登录注册选项 -->
    <dl class="product_a clearfix">		
        <dd>         
            <a href=""><span>乐队注册</span></a>
            <a href=""><span>酒吧注册</span></a>
			<a href=""><span>乐迷注册</span></a>
			<a href="../index.html"><span>马上登录</span></a>
         </dd>
    </dl>
	<!-- 商品图片 -->
	<div class="product_img clearfix">
		<a href="#"><img src ="../Assets/upload/band2.jpg"/><font size ="4">Beyond Band at Love Bar</font></a>	
	</div>
	<!-- 商品信息 -->
	<div class="product_msg clearfix">
		<div class="title">
		Today,we will see the famous Beyond Band singing songs at the Love Bar
		</div>
		<!-- 商品价格 -->
		<div>		
			<div class="price_title">
			PRICE:
			</div>
			<div>
				<div class="price" id="price1" style="display:block">$998！</div>
				<div class="price" id="price2" style="display:none">$888！</div>
				<div class="price" id="price3" style="display:none">$666！</div>
			</div>
			<div class="price_tag"></div>		<!-- 惊爆价图片 -->
			
		</div>
		<!-- 当前购买人数 -->
		<div class="num">
			<div class="number_title">Total Number of People :</div>
			<div class="number">25</div>		<!-- ！！！当前人数需要从后台获取显示！！！ -->	
		</div>
		<!-- 对应优惠 -->
		<div class="number_kind">
			<a href="#" id = but1 onclick="changeprice1()" title="人数暂未满20人无优惠">&nbsp;0-20</a>
			<a href="#" id = but2 onclick="changeprice2()" title="人数暂满20人未满40人88折">&nbsp;20-40</a>
			<a href="#" id = but3 onclick="changeprice3()" title="人数超过40人66折若人数变化多退少补">&nbsp;40以上</a>
		</div>
		<!-- 购买数量 -->
		<div class="amount">
			<div class="text">请输入购买数量：</div>
			<div class="center">
				<a href="#" id="minus" onclick="minus()">-</a>
				<input type="text" class="input" id="amountcase" size="4" value="1" >
				<a href="#" id="add" onclick="add()">+ </a>
			</div>
		</div>
		<!-- 购买结算 -->
		<div class="purchase">
			<a href="" onclick="purchase()"style="background:#ffffcc">立即购买</a>
			<a href="" onclick="purchase()"style="background:#ff0033">加入购物车</a>
		</div>
	</div>
	<div class="product_detail">
		<div class="detail_title">商品详情</div>
		<div class="detail_content">
			<div class="band">
			<font size ="5" >Band profile</font><br><br>
			<p>The Beyond Band is a really famous band in China about Rock Music.It attracts a large number of people become its fans in all over the world!It is a really fanatic band;</p>
			</div>
			<div class="band_img">
				<img src="../Assets/upload/band1.jpg" width="480" height="288"/>
				<img src="../Assets/upload/band2.jpg" width="480" height="288"/>
				<img src="../Assets/upload/band2.jpg" width="480" height="288"/>
				<img src="../Assets/upload/band1.jpg" width="480" height="288"/>			
			</div>
			<div class="bar">
				<font size ="5" >Bar profile</font><br><br>
				<p>Love Gubar is located in Xiamen University student accommodation, next to ZengCuoAn Hotel. This Bar is upholstered with Train painting and graffiti in retro style, soft music and special drinks, which is not expensive, makes people comfortable when you are in this place. </p>
				<p>Gubar is the most popular bar among Xiamen university students, and different from others as it's full of love and with the youth surrounded. You can find the purest happiness from the bottom of your heart.</p> 
			</div>
			<div class="bar_img">
				<img src="../Assets/upload/pic2.jpg" width="480" height="288"/>
				<img src="../Assets/upload/pic3.jpg" width="480" height="288"/>
				<img src="../Assets/upload/pic3.jpg" width="480" height="288"/>
				<img src="../Assets/upload/pic2.jpg" width="480" height="288"/>	
			</div>
			<div class="time">
				<p>2018/12/15 8:00PM</p> 
				<p>WE WILL WAIT FOR YOU!</p>
			</div>
		</div>
	</div>
	
	
	
	
</div>







</body>
</html>












